Using Cascading Style Sheets > Defining style properties > Block properties
 		><

Block properties


The Block tab of the CSS Selector Inspector lets you define the properties of the block generated by the current style, including its visual and nonvisual properties. See The CSS1 formatting model.

A. Sets invisible element margins. B. Sets floating element position and size. C. Sets distance between border and element content. D. Formats element as a floating box. E. Clears or allows floating boxes on either side of the element.

To edit the block properties of a style:

1 Select a style in the Style Sheet window, and click the Block tab () in the CSS Selector Inspector.

2 To set the margins for a block element, choose a length unit or a percentage (recommended for better scalability) from the Units pop-up menu, and then type a number in any of the Top, Right, Left, and Bottom Margin text boxes. Or use the All Margins text box to specify the margin in all four directions at once. Press Enter.

You can also decrease the spacing between surrounding elements. Negative values cause two elements to overlap.

3 In the Padding section, set the spacing between the border and the content of any element formatted with the current style.

Choose a length unit or a percentage (recommended for better scalability) from the Units pop-up menu, and then type a number in any of the Top, Right, Left, and Bottom Padding text boxes. Or, to specify the spacing in all four directions at once, use the All Paddings text box. Press Enter.

4 Under Block, set the width and height properties for any element formatted with the current style. This property is most useful with referenced elements, such as images.

Choose a length unit or a percentage from the Units pop-up menu, and then type a number in the Width or Height text box, and press Enter. Leaving one property set to Auto ensures that the element is scaled proportionally. Leaving both width and height properties set to Auto displays the referenced item in its original size.

5 In the Float pop-up menu, set the float property to create an element that is not part of the normal flow of text. Choose any of the following options:
  • Left moves the element to the left, so the text wraps on the right side of the element.
  • Right moves the element to the right, so the text wraps on the left side of the element.
  • None causes the element to appear where it occurs in the text.

    • 6 In the Clear pop-up menu, specify how an element accepts floating elements.

  • Left moves the element below any floating element on the left side.
  • Right moves the element below any floating element on the right side.
  • None allows floating elements on all sides.

    • Using Cascading Style Sheets > Defining style properties > Block properties